<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:p="http://primefaces.org/ui"
    xmlns:pm="http://primefaces.org/mobile">
    
    <f:view renderKitId="PRIMEFACES_MOBILE" />
    
    
    <h:head>
		<link rel="stylesheet"
				href="#{request.contextPath}/resources/css/hotellie.css"/>
		<link rel="stylesheet"
				href="#{request.contextPath}/resources/css/bootstrap.css"/>
		<link rel="stylesheet"
				href="#{request.contextPath}/resources/css/font-awesome.css"/>
    </h:head>
   
   
    
    <h:body>
        
        <pm:page id="dealView">
            
            <pm:content>
                            		<h:outputText  value="Welcome #{facebookBean.pullUserInfo()}" style="display:none;"   />
            
            <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'/>
            <style>
      		    .facilities .fa{
      		    	margin-left:1em;
      		    }
      		    
            </style>
                <h:form id="main1">
          		<div class="row headerRow">
          			<div class="col-xs-2">
          				<a href="#panel-1" data-role="button" data-icon="bars" data-iconpos="notext" data-inline="true"></a>
						<div data-role="panel" id="panel-1" data-display="overlay">
							<ul data-role="listview" id="listview-1">
								<li><a href="index.xhtml">Home</a></li>
							</ul>
						</div>
          			</div>
					<h:panelGrid columns="2" style="width:80%">
					     <p:commandLink action="/index.xhtml?faces-redirect=true">
							<h3>Hotellie</h3>
						</p:commandLink>
						
					</h:panelGrid>

          		</div>
          		</h:form>
          		<h:form id="main">
                 <p:panel styleClass="noHeader hotelFullView">     
                    
                  </p:panel>
                </h:form>
            </pm:content>
            
        </pm:page>

    </h:body>
    
</html>